import React, { PureComponent, Fragment } from 'react';
import { Link } from 'dva/router';
import { Row, Col, Card, Form, Input, Select, Button, Modal, message, Avatar, Icon } from 'antd';
import coverbg from '../../assets/contact_bg1.jpg';
import address from '../../assets/address.png'
import PageHeaderLayout from '../../layouts/PageHeaderLayout';
import styles from './Contact.less';


export default class Contact extends PureComponent {

    componentDidMount() {

    }

    render() {

        const { Meta } = Card;
        return (
            <PageHeaderLayout title="联系我们">
                <Card

                    cover={
                        <img
                            alt="example"
                            src={coverbg}
                            style={{ height: 250 }}
                        />
                    }

                >

                    <Row gutter={16}>
                        <Col span={12}>
                            <Card title="联系我们" bordered={false}>
                                <p><Icon type="mail" theme="twoTone" className={styles.icon} />
                                    <span className={styles.playText}>公司邮箱：info@topmedia.net.cn</span>
                                </p>
                                <p><Icon type="phone" theme="twoTone" className={styles.icon} />
                                    <span className={styles.playText}>联系电话：400-001-6883</span>
                                </p>
                                <p><Icon type="appstore" theme="twoTone" className={styles.icon} />
                                    <span className={styles.playText}>官网地址：www.topmediacloud.net</span></p>
                                <p><Icon type="home" theme="twoTone" className={styles.icon} />
                                    <span className={styles.playText}>公司地址：深圳市南山区深圳湾创业投资大厦6层</span></p>
                            </Card>
                        </Col>
                        <Col span={12}>
                            <Card title="通讯地址" bordered={false}>
                                <img
                                    alt="example"
                                    src={address}
                                    style={{ height: 550 }}
                                />
                            </Card>
                        </Col>

                    </Row>

                </Card>
            </PageHeaderLayout >
        );
    }
}
